<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../css/Classification maintenance.css">
    <script src="../utils/jquery-3.6.0.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
</head>
<body>
        <div id="content">
            <div style="font-size: 25px;">字典维护</div>
            <hr style="width: 100%; border:1px solid #999;">
            <div style="width: 600px; height:30px; display: flex;">
                <div class="content-box1">事件等级维护</div>
                <div class="content-box1 active">事件分类维护</div>
                <div class="content-box1">事件原因维护</div>
                <div class="content-box1">字典维护</div>
            </div>
            <div style="width: 100%; height:1500px; border:1px solid #666; padding: 20px;">
                <form class="form-inline" >
                <div>
                <label for="exampleInputName2">事件分类ID：</label>
                <input type="text" class="form-control" id="InputName1" style="width: 204px; margin-left: 30px;">
                <label for="exampleInputName2" style="margin-left: 20px;">事件分类描述：</label>
                <input type="text" class="form-control" id="InputName2" style="width: 204px; margin-left: 30px;">
                <label for="exampleInputName2" style="margin-left: 20px;">拼音简写：</label>
                <input type="text" class="form-control" id="InputName3" style="width: 204px; margin-left: 30px;">
                <button type="button" class="btn btn-default" style="width: 80px; margin-left:150px;" id="Inquire">查询</button>
                <button type="button" class="btn btn-default" style="width: 80px; margin-left:20px;" id="nothing">清除</button>
                </div>
            </form>
            <div style="width: 90%; margin-left: 5%">
                <hr style="border:0.5px solid #999">
            </div>
            <div>
                <button type="button" class="btn btn-primary " data-toggle="modal" data-target="#myModal" style="width: 100px;" id="add">添加</button>
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          <h4 class="modal-title" id="myModalLabel">添加内容</h4>
                        </div>
                        <div class="modal-body">
                            <form>
                                <div class="form-group">
                                  <label for="exampleInputEmail1">分类ID：</label>
                                  <input type="text" class="form-control" id="exampleInputEmail1" >
                                </div>
                                <div class="form-group">
                                  <label for="exampleInputPassword1">事件分类描述：</label>
                                  <input type="text" class="form-control" id="exampleInputPassword1" >
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputPassword1">拼音代码：</label>
                                    <input type="text" class="form-control" id="exampleInputPassword2" >
                                  </div>
                                  <div class="form-group">
                                    <label for="exampleInputPassword1">五笔代码：</label>
                                    <input type="text" class="form-control" id="exampleInputPassword3" value="-">
                                  </div>
                              </form>
                        </div>
                        <div class="modal-footer">
                          <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                          <button type="button" class="btn btn-primary" data-dismiss="modal" id="yes">确定</button>
                        </div>
                      </div>
                    </div>
                  </div>
                <button type="button" class="btn btn-primary" style="width: 100px;" id="revise">修改</button>             
                <button type="button" class="btn btn-primary" style="width: 100px;" id="del">删除</button>
            </div>
            <table class="table table-bordered" style="margin-top: 20px;">
                <thead>
                    <th>选择</th>
                    <th>事件分类描述</th>
                    <th>事件分类ID</th>
                    <th>拼音代码</th>
                    <th>五笔代码</th>
                    <th>备注</th>
                </thead>
                <tbody>
                </tbody>
            </table>
            <nav aria-label="Page navigation" style="margin-left: 1177px;">
                <ul class="pagination">
                  <li class="prev">
                    <a href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>                 
                  <li class="next">
                    <a href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
            </nav>
        </div>
        <div id="tc">
        <div id="block">
            <form>
                        <div class="form-group">
                          <label for="exampleInputEmail1">分类ID：</label>
                          <input type="text" class="form-control" id="exampleInputEmail2" >
                        </div>
                        <div class="form-group">
                          <label for="exampleInputPassword1">事件分类描述：</label>
                          <input type="text" class="form-control" id="exampleInputPassword4" >
                        </div>
                        <div class="form-group">
                            <label for="exampleInputPassword1">拼音代码：</label>
                            <input type="text" class="form-control" id="exampleInputPassword5" >
                          </div>
                          <div class="form-group">
                            <label for="exampleInputPassword1">五笔代码：</label>
                            <input type="text" class="form-control" id="exampleInputPassword6" >
                          </div>
                </form>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal" id="clo">关闭</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="tran">确定</button>
                  </div>
        </div> 
        </div>
    </div> 
        <script src="../js/Classification maintenance.js"></script>
        <script src="../utils/jQ.3.6.0.js"></script>
</body>
</html>